<template>
    <up-navbar title="签署完成" bgColor="transparent"> </up-navbar>
    <img src="../../static/submitApplicate/bg.png" alt="" class="bg">
    <img src="../../static/submitApplicate/icon.png" alt="" class="bigIcon">
    <div class="mainArea">
        <img src="../../static/submitApplicate/daikuanshenqingtijiao_bg.png" alt="" class="mainBg">
        <img src="../../static/submitApplicate/daikuantijiao_icon.png" alt="" class="mainIcon">
        <div class="mainText">您的综合授权书已签署成功！</div>
    </div>
</template>

<script setup>
import {ref,reactive} from 'vue'

</script>

<style scoped lang='scss'>
.bg{
    width: 750rpx;
    height: 873rpx;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -99999;
}
.bigIcon{
    width: 148rpx;
    height: 115rpx;
    position: absolute;
    left: 533rpx;
    top: 140rpx;
    z-index: -9999;
}
.mainArea{
    width: 700rpx;
    height: 860rpx;
    position: absolute;
    left: 32rpx;
    top: 256rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .mainBg{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -999;
    }
    .mainIcon{
        width: 230rpx;
        height: 170rpx;
    }
    .mainText{
        margin-top: 26rpx;
        font-size: 32rpx;
        color: #333333;
    }
}
</style>